<template>
  <div title="流程实例跟踪">
    <div id="graphContainerPanel" title="流程跟踪图" style="overflow: auto; height: 500px">
      <iframe
        src="http://uatcas.hwabaotrust.com/hbtrust-bpm/web/EWPI02?inqu_status-0-processInstanceId=1d32ef4a-4ee1-11ef-ade5-002ce6349f73"
      ></iframe>
      <!--流程跟踪图展示区域-->
      <!-- <div id="graphContainer" style="position: relative; overflow: auto; width: 100%; height: 100%"></div> -->
    </div>
  </div>
</template>
<!-- <script setup>
import { ref } from 'vue';

// Simulate the processInstanceId from the JSP
const processInstanceId = 'exampleProcessInstanceId';

// Initialize the window reference
const windowRef = ref(null);

// Load external scripts and styles using dynamic imports
const loadExternalScriptsAndStyles = async () => {
  const ctx = '/path/to/your/context'; // Replace with your actual context path
  await import(`${ctx}/kendoui/js/jquery.min.js`);
  await import(`${ctx}/iplatui/js/lib/underscore.min.js`);
  await import(`${ctx}/iplatui/js/iplat.ui.config.js`);
  await import(`${ctx}/bpm/WorkflowDesigner/js/StatusUi.js`);

  // Import CSS files
  import('style!css!${ctx}/bpm/WorkflowDesigner/css/common.css');
};

// Call the function to load the external resources
loadExternalScriptsAndStyles();

// Example of how you might use the windowRef
const openWindow = () => {
  if (windowRef.value) {
    windowRef.value.open(); // Assuming there's an open method on the window component.
  }
};

// Optionally, you can call methods or set up listeners here.
</script> -->

<style scoped>
.panel {
  /* Add any necessary styles here */
}
</style>
